<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="DateControl/fn.date.css" type="text/css" rel="stylesheet">

</head>
<body>

<div style="width:125px; height:30px;margin: 100px 100px; ">
    <input class="marsDate" type="text" readonly="readonly" onclick="showMarsFnDate(this)"/>
</div>

<div style="width:125px; height:30px;margin: 200px auto; ">
    <input class="marsDate" type="text" readonly="readonly" onclick="showMarsFnDate(this)"/>
</div>
<input type="button" value="添加" onclick="add()"/>


<!--
<div class="marsDate-Box" style="display: none;">
    <div class="marsDate-TitleBg">
        <div class="marsDate-Title-Left" id="marsDate-Title-Left"></div>
        <div class="marsDate-Title" id="marsDate-Title"></div>
        <div class="marsDate-Title-Right" id="marsDate-Title-Right"></div>
    </div>
    <div class="marsDate-MainBox">
        <ul class="marsDate-Week">
            <li>日</li>
            <li>一</li>
            <li>二</li>
            <li>三</li>
            <li>四</li>
            <li>五</li>
            <li>六</li>
        </ul>
        <ul class="marsDate-Days">
        </ul>
        <div class="marsDate-check">
            <input type="button" value="今天" class="marsDate-Ok" onclick="marsDate.nowDay(this)"/>
            <input type="button" value="清除" class="marsDate-Clear" onclick="marsDate.clearDate()"/>
        </div>
        <div class="marsDate-ChangeBox" style="display: none;">
            <div class="marsDate-Years">
                <div class="marsDate-YearTag">
                    年
                </div>
                <div class="upYearbtn" onclick="marsDate.preYear()">
                    <div></div>
                </div>
                <ul id="marsDate-Years-Ul">
                </ul>
                <div class="downYearbtn" onclick="marsDate.nextYear()">
                    <div></div>
                </div>
            </div>
            <div class="marsDate-Months">
                <div class="marsDate-MonthTag">
                    月
                </div>
                <ul>
                    <li onclick="marsDate.clickMonth(this)" data-value="1">1月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="2">2月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="3">3月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="4">4月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="5">5月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="6">6月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="7">7月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="8">8月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="9">9月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="10">10月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="11">11月</li>
                    <li onclick="marsDate.clickMonth(this)" data-value="12">12月</li>
                </ul>
            </div>
            <div class="marsDate-check">
                <input type="text" class="marsDate-input" id="marsDateYear" onkeyup="glb.checkToNumber(this)"/>
                <span>年</span>
                <input type="text" class="marsDate-input" id="marsDateMonth" maxlength="2" onkeyup="glb.checkToNumber(this)"/>
                <span>月</span>
                <input type="button" class="marsDate-Ok" value="确定" onclick="marsDate.clickChange()">
            </div>
        </div>
    </div>
</div>
-->

<script src="DateControl/fn.date.js" type="text/javascript"></script>
<script type="text/javascript">
    function add() {
        var newobj = document.createElement("input");
        var bodyobj = doc.getElementsByTagName("body")[0];
        newobj.type = "text";
        newobj.className = "marsDate";
        newobj.readOnly = "readonly";
        newobj.onclick = function(){
            showMarsFnDate(this);
        }
        //document.body.insertBefore(newobj,bodyobj.firstChild);
        //bodyobj.appendChild(newobj);
        document.body.appendChild(newobj);
    }
</script>

</body>
</html>